<<!include:header>>
    <!-- ======= Hero Section344 ======= -->
    <section class="hero-section" id="hero">

        <div class="wave">

            <svg width="100%" height="355px" viewBox="0 0 1920 355" version="1.1" xmlns="http://www.w3.org/2000/svg"
                xmlns:xlink="http://www.w3.org/1999/xlink">
                <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                    <g id="Apple-TV" transform="translate(0.000000, -402.000000)" fill="#FFFFFF">
                        <path
                            d="M0,439.134243 C175.04074,464.89273 327.944386,477.771974 458.710937,477.771974 C654.860765,477.771974 870.645295,442.632362 1205.9828,410.192501 C1429.54114,388.565926 1667.54687,411.092417 1920,477.771974 L1920,757 L1017.15166,757 L0,757 L0,439.134243 Z"
                            id="Path"></path>
                    </g>
                </g>
            </svg>
        </div>

        <div class="container">
            <div class="row align-items-center">
                <div class="col-12 hero-text-image">
                    <div class="row">
                        <div class="col-lg-7 text-center text-lg-left">
                            <h1 data-aos="fade-right">让学习可以随时随地..</h1>
                            <p class="mb-5" data-aos="fade-right" data-aos-delay="100">让教学能够得心应手</p>
                            <p data-aos="fade-right" data-aos-delay="200" data-aos-offset="-500"><a href="#"
                                    class="btn btn-outline-white">Get started</a></p>
                        </div>
                        <div class="col-lg-5 iphone-wrap">
                            <img src="/upload/1/platform/20230515/1.png" alt="Image" class="phone-1 "
                                data-aos="fade-right">
                            <img src="/upload/1/platform/20230515/2.png" alt="Image" class="phone-2"
                                data-aos="fade-right" data-aos-delay="200">
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </section><!-- End Hero -->

    <main id="main">

        <!-- ======= Home Section ======= -->
        <section class="section">
            <div class="container">

                <div class="row justify-content-center text-center mb-5">
                    <div class="col-md-5" data-aos="fade-up">
                        <h2 class="section-heading">轻松管理您的教学,教研和加盟校</h2>
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-4" data-aos="fade-up" data-aos-delay="">
                        <div class="feature-1 text-center">
                            <div class="wrap-icon icon-1">
                                <span class="icon la la-users"></span>
                            </div>
                            <h3 class="mb-3">课程教材管理</h3>
                            <p>每个教材都可以按章节和知识点发布视频和题库,多个教材任意组合成课程产品推销给学员</p>
                        </div>
                    </div>
                    <div class="col-md-4" data-aos="fade-up" data-aos-delay="100">
                        <div class="feature-1 text-center">
                            <div class="wrap-icon icon-1">
                                <span class="icon la la-toggle-off"></span>
                            </div>
                            <h3 class="mb-3">加盟校管理</h3>
                            <p>您可以拥有任意多个加盟校.每个加盟校可以配置自己独立的官网和学习中心(当然,您也可以只保留一个总部官网.其他加盟校不开通官网).</p>
                        </div>
                    </div>
                    <div class="col-md-4" data-aos="fade-up" data-aos-delay="200">
                        <div class="feature-1 text-center">
                            <div class="wrap-icon icon-1">
                                <span class="icon la la-umbrella"></span>
                            </div>
                            <h3 class="mb-3">学员管理</h3>
                            <p>强大的学员CMS集成管理.专门针对教学而研发.轻松跟踪学员的进度.</p>
                        </div>
                    </div>
                </div>

            </div>
        </section>

        <section class="section">

            <div class="container">
                <div class="row justify-content-center text-center mb-5" data-aos="fade">
                    <div class="col-md-6 mb-5">
                        <img src="/upload/1/platform/20230515/undraw_svg_1.svg" alt="Image" class="img-fluid">
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-4">
                        <div class="step">
                            <span class="number">01</span>
                            <h3>总部负责教学研发</h3>
                            <p>总部可以从各加盟校或本部挑选优秀教师参与教材的研发</p>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="step">
                            <span class="number">02</span>
                            <h3>加盟校负责教学</h3>
                            <p> 加盟校可以提供优秀老师参与编写教材,利用总部授权的课程售卖给学员.</p>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="step">
                            <span class="number">03</span>
                            <h3>学员多渠道学习</h3>
                            <p>学员可以在pc端,移动端在线进行视频学习.题库练习,作业提交.互动答疑</p>
                        </div>
                    </div>
                </div>
            </div>

        </section>

        <section class="section">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-md-4 mr-auto">
                        <h2 class="mb-4">完善的授权管理模式</h2>
                        <p class="mb-4">在本系统中 核心功能都需要授权许可.拥有授权的人才能进行核心功能的操作. 各个加盟校的授权互相隔离.确保工作便利度与保密严谨度之前的最佳平衡.</p>
                        <p><a href="#" class="btn btn-primary">了解详情</a></p>
                    </div>
                    <div class="col-md-6 aos-init aos-animate" data-aos="fade-left">
                        <img src="/upload/1/platform/20230515/qx.png" alt="Image" class="img-fluid">
                    </div>
                </div>
            </div>
        </section>
        <section class="section">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-md-4 ml-auto order-2">
                        <h2 class="mb-4">完善的教培系统功能</h2>
                        <p class="mb-4">教培学校使用到的大部分功能本系统都进行了集成.包括学员的cms管理系统.课程教材视频,题库,试卷.考勤等等.</p>
                        <p><a href="#" class="btn btn-primary">了解详情</a></p>
                    </div>
                    <div class="col-md-6 aos-init aos-animate" data-aos="fade-right">
                        <img src="/upload/1/platform/20230515/jc.png" alt="Image" class="img-fluid">
                    </div>
                </div>
            </div>
        </section>
        <section class="section">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-md-4 mr-auto">
                        <h2 class="mb-4">Seamlessly Communicate</h2>
                        <p class="mb-4">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tenetur at
                            reprehenderit optio,
                            laudantium eius quod, eum maxime molestiae porro omnis. Dolores aspernatur delectus impedit
                            incidunt
                            dolore mollitia esse natus beatae.</p>
                        <p><a href="#" class="btn btn-primary">Download Now</a></p>
                    </div>
                    <div class="col-md-6 aos-init aos-animate" data-aos="fade-left">
                        <img src="/upload/1/platform/20230515/qx.png" alt="Image" class="img-fluid">
                    </div>
                </div>
            </div>
        </section>

        <!-- ======= Testimonials Section ======= -->
        <section class="section border-top border-bottom">
            <div class="container">
                <div class="row justify-content-center text-center mb-5">
                    <div class="col-md-4">
                        <h2 class="section-heading">客户所在行业</h2>
                    </div>
                </div>
                <div class="row justify-content-center text-center">
                    <div class="col-md-7">
                        <div class="owl-carousel testimonial-carousel">
                            <div class="review text-center">
                                <p class="stars">
                                    <span class="icofont-star"></span>
                                    <span class="icofont-star"></span>
                                    <span class="icofont-star"></span>
                                    <span class="icofont-star"></span>
                                    <span class="icofont-star muted"></span>
                                </p>
                                <h3>兴趣,特长培训学校</h3>
                                <blockquote>
                                    <p>例如 少儿编程类 艺术特长培训类学校</p>
                                </blockquote>

                                <p class="review-user">
                                    <img src="http://demo.qfpffmp.cn/cssthemes6/dgfp_20_SoftLand/assets/img/person_1.jpg"
                                        alt="Image" class="img-fluid rounded-circle mb-3">
                                    <span class="d-block">
                                        <span class="text-black">Jean Doe</span>, &mdash; App User
                                    </span>
                                </p>

                            </div>

                            <div class="review text-center">
                                <p class="stars">
                                    <span class="icofont-star"></span>
                                    <span class="icofont-star"></span>
                                    <span class="icofont-star"></span>
                                    <span class="icofont-star"></span>
                                    <span class="icofont-star muted"></span>
                                </p>
                                <h3>考证类培训行业</h3>
                                <blockquote>
                                    <p>例如财会考证,建筑师考证 等需要传授专业技能培训的学校</p>
                                </blockquote>

                                <p class="review-user">
                                    <img src="http://demo.qfpffmp.cn/cssthemes6/dgfp_20_SoftLand/assets/img/person_2.jpg"
                                        alt="Image" class="img-fluid rounded-circle mb-3">
                                    <span class="d-block">
                                        <span class="text-black">Johan Smith</span>, &mdash; App User
                                    </span>
                                </p>

                            </div>

                            <div class="review text-center">
                                <p class="stars">
                                    <span class="icofont-star"></span>
                                    <span class="icofont-star"></span>
                                    <span class="icofont-star"></span>
                                    <span class="icofont-star"></span>
                                    <span class="icofont-star muted"></span>
                                </p>
                                <h3>K12课外补习培训班</h3>
                                <blockquote>
                                    <p>在学校基础教育之外的课外补习培训学校.</p>
                                </blockquote>

                                <p class="review-user">
                                    <img src="http://demo.qfpffmp.cn/cssthemes6/dgfp_20_SoftLand/assets/img/person_3.jpg"
                                        alt="Image" class="img-fluid rounded-circle mb-3">
                                    <span class="d-block">
                                        <span class="text-black">Jean Thunberg</span>, &mdash; App User
                                    </span>
                                </p>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section><!-- End Testimonials Section -->

        <!-- ======= CTA Section ======= -->
        <section class="section cta-section">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-md-8 col-xs-12 mr-auto text-center text-md-left mb-5 mb-md-0">
                        <h2>详细介绍.点击右边按钮观看吧</h2>
                    </div>
                    <div class="col-md-4 col-xs-12 text-center text-md-right">
                        <p> <a href="#" class="btn"><span class="icofont-ui-play mr-3"></span>点击查看视频讲解</a></p>
                    </div>
                </div>
            </div>
        </section><!-- End CTA Section -->

    </main><!-- End #main -->
    <<!include:footer>>